<template>
  <div>
    {{error}}
  </div>
</template>
<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  props:{
    info:{
      type:String||Boolean||null
    }
  },
  computed:{
    error(){
      const result:string = (this.info==null||(typeof this.info)=='boolean')?'':this.info;
      return result;
    }
  }
})
</script>

<style lang="less" scoped>
div{
  color: red;
  font-size: 12px;
  line-height: 22px;
}
</style>
